<template>
  <van-nav-bar :title="route.meta.title" left-text="返回" left-arrow @click-left="onClickLeft">
    <template #right>
      <div
        style="
          color: rgb(155, 226, 84);
          gap: 4px;
          font-weight: 600;
          display: flex;
          align-items: center;
        "
      >
        <div>24H<br />客服</div>
        <img style="height: 48px" :src="kfImg" alt="systemMsg" />
      </div>
    </template>
  </van-nav-bar>
  <main>
    <RouterView />
  </main>
</template>
<script setup lang="ts">
import kfImg from '@/assets/images/客服.png'
import { useRoute, useRouter } from 'vue-router'

const route = useRoute()
const router = useRouter()

const onClickLeft = () => {
  router.back()
}
</script>
